import React from 'react'
import { Routes, Route, Link } from 'react-router-dom'
import Home from './pages/Home'
import Login from './pages/Login'
export default function App() {
  return (
    <div>
      {/* Link的作用: 最终渲染一个a标签,会修改路径,但是不发送请求 */}
      <Link to="/home">home</Link>
      <Link to="/login">login</Link>
      <hr />
      {/* 路由组件要渲染到哪里,就把路由规则定义在哪里 */}
      {/* Routes的作用:监听路径变化,让对应的组件展示,其他组件隐藏 */}
      <Routes>
        {/* Route的作用: 配置前端路由规则 */}
        <Route path="/home" element={<Home></Home>}></Route>
        <Route path="/login" element={<Login></Login>}></Route>
      </Routes>
    </div>
  )
}
